@import "quote/public";
@import "quote/city";
@import "quote/topNav";
@import "quote/bottom";
header{
  width: 1200px;
  margin: auto;
}
header nav{
  float: left;
  @include WH(1200px,80px);
  position: relative;
}
header nav li,#logoImg{
  float: left;
  line-height: 80px;
}
header nav ul{
  float: right;
  margin-right: 50px;
}
header nav a{
  color: black;
  padding: 10px 20px;
  font-size: 14px;
}
header nav a:hover{
  text-decoration: none;
  background-color: #DDD;
}
#hot{
  @include position(absolute,20px,640px,1)
}
#lunboDiv{
  @include WH(1200px,340px);
  float: left;
  position: relative;
  overflow: hidden;
}
#lunboLeft{
  float: left;
  background-color: rgba(0,0,0,0.4);
}
#lunboLeft li{
  @include WH(200px,84px);
  border-bottom: 1px solid white;
  color: white;
  line-height: 84px;
}
#lunboLeft span{
  display: block;
  float: left;
}
#lunboLeft img{
  float: left;
  margin: 18px 10px 18px 10px;
}
#lunboLeft .rightS{
  @include leftSan(white);
  float: right;
  margin-top: 39px;
  display: none;
}
#lunboCent{
  background-color: white;
  width: 800px;
}
#lunboImg{
  height: 340px;
  position: absolute;
  z-index: -5;
}
#lunboImg img{
  float: left;
}
#lunboDiv p{
  display: block;
  @include WH(1200px,10px);
  position: absolute;
  bottom: 10px;
}
#lunboDiv i{
  display: inline-block;
  @include WH(10px,10px);
  border-radius: 5px;
  position: absolute;
}
#center{
  width: 100%;
  float: left;
  background-color: #F2F2F2;
}
#centerDiv{
  width: 1200px;
  margin: auto;
}
#cen img{
  @include WH(299px,166px);
  border-right: $bianjie;
}
#centerDiv>p{
  @include WH(1200px,40px);
  float: left;
  font-size: 22px;
  line-height: 40px;
  margin-top: 20px;
}
#centerDiv>p span{
  float: right;
  font-size: 14px;
  margin-right: 20px;
}
#centerDiv>p a{
  color: black;
}
.centerShow{
  @include WH(1200px,301px);
  float: left;
  background-color: white;
}
.centerShow div{
  @include WH(200px,301px);
  float: left;
  text-align: center;
}
.centerShow img{
  height: 240px;
}
#shopDiv{
  width: 1200px;
  margin: auto;
}
#centerLeft{
  width: 890px;
  margin-right: 40px;
  float: left;
  margin-bottom: 20px;
}
#site{
  @include WH(890px,42px);
  margin: 20px 0;
  position: relative;
}
.bottomTriangleCity{
  @include bottomSan(#185);
  float: right;
  margin: 15px 15px 0 0;
}
.topTriangleCity{
  @include topSan(#185);
  float: right;
  margin: 15px 15px 0 0;
}
#province,#county{
  @include WH(110px,40px);
  border: 1px solid #185;
  float: left;
  margin-right: 8px;
  line-height: 40px;
  padding-left: 10px;
}
#site input{
  @include WH(470px,40px);
  border: 1px solid #185;
  float: left;
  padding-left: 15px;
}
#siteS{
  @include WH(120px,42px);
  border: none;
  background-color: #185;
  float: left;
  color: white;
  font-size: 22px;
  cursor: pointer;
}
#sort{
  @include WH(888px,42px);
  border: $bianjie;
  line-height: 42px;
  background-color: #F2F2F2;
}
.sortDiv,.sortDivs{
  @include WH(120px,40px);
  float: left;
  border: 1px solid rgba(0,0,0,0);
  text-align: center;
}
.chechDiv{
  @include WH(120px,40px);
  float: left;
}
.sortDivs{
  border-left: none;
}
#map{
  @include WH(120px,40px);
  float: right;
  line-height: 40px;
}
#shopShow{
  width: 890px;
  margin-right: 40px;
  float: left;
}
.shop {
  @include WH(100%,136px);
  display: flex;
  padding-top: 25px;
  margin-top: 20px;
  border-bottom: 1px solid #f7f7f7;
}
.shop img {
  @include WH(92px,92px);
  margin-right: 10px;
}
.info {
  width: 550px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shop li p {
  line-height: 21px;
  font-size: 17px;
  color: #9d9d9d;
}
.shopLi {
  margin:0 20px;
}
.in {
  @include WH(150px,50px);
  border: 1px solid #118855;
  color: #118855;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  display: none;
  margin-top: 15px;
}
#centerRight{
  width: 270px;
  float: right;
  margin-top: 82px;
}
#evaluate{
  @include WH(268px,42px);
  float: right;
  border: $bianjie;
  background-color: #F2F2F2;
  font-size: 22px;
  text-align: center;
  line-height: 42px;
}